
.user-info {
    margin-bottom: 10px; /* 控制每行元素的底部间距 */
    padding: 10px; /* 添加内边距以增加元素之间的间距 */
    border: 1px solid #dddddd; /* 添加灰色边框 */
    border-radius: 5px; /* 添加圆角边框 */
}

/* 页面容器 */
.page-container {
    display: flex;
    flex-direction: column;
    height: 100%;
}
.content {
    flex: 1;
}

/* 侧边栏 */
.sidebar {
    height: 30vh; /* 侧边栏高度占视口高度的30% */
    min-height: 200px;
    min-width: 300px; /* 最小宽度 */
    color: #333; /* 深灰色文本，提高可读性 */
}

.information-box{
    /* 上下边距 */
    margin: 20px;

    padding: 20px;
    background-color: #dcdcdc;
    box-shadow: 0 2px 4px rgba(131, 131, 131, 0.1);
    cursor: pointer;
    border-radius: 15px;
}
.information-box:hover{
    background-color: #b2b2b2;
}

/* 首页图片大小统一 */
.img-fluid {
    max-width: 100%;
    height: auto;
}

.image-container {
    width: 100%;
    height: 300px; /* 可根据需要调整高度 */
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
}

.image-container img {
    height: 100%; /* 使图片填满容器高度 */
    width: auto; /* 保持图片原始宽高比 */
    max-width: none; /* 覆盖 .img-fluid 的最大宽度 */
}